import type {InjectionKey} from "vue"



export interface ScrollbarContext{
    scrollbarElement:any,
    wrapElement:any
}

export const scrollbarContextKey:InjectionKey<ScrollbarContext> =Symbol("scrollbarContextKey")

export const BAR_MAP = {
    vertical:{
        offset:"offsetHeight",
        scroll:"scrollTop",
        scrollsize:"scrollHeight",
        size:"height",
        key:"vertical",
        axis:"Y",
        client:"clientY",
        direction:'top'
    },
    horizontal:{
        offset:"offsetWidth",
        scroll:"scrollLeft",
        scrollsize:"scrollWidth",
        size:"width",
        key:"horizontal",
        axis:"X",
        client:"clientX",
        direction:"left"
    }

}

export const GAP = 4
